{% extends "base_dashboard.html" %}

{% block title %}
<title>Logbook</title>
{% endblock title %}

{% block extracss %}
<link rel="stylesheet" href="{{ STATIC_URL }}css/custom.css">
<link rel="stylesheet" href="{{ STATIC_URL }}css/fanme_heritage.css">
{% endblock extracss %}

{% block description %}{% endblock description %}

{% block central-content-dashboard %}
<h1 style="margin-bottom: 40px; margin-left: -60px; margin-top: 40px;">Actividad de los usuarios que tu sigues</h1>
<div class="span8">
    <ul class="thumbnails">
        {% for items in recomended_items %}
        <div class="thumbnail-horiz thumbnail" style="height: 195px; margin-top:25px;">
            <div id="body" style="width: 615px; height: 170px; margin-top: 5px;">
                <img src="{{ STATIC_URL }}img/princ2.150x150.jpeg" class="img-polaroid" alt="" style="margin-left:10px;" class="pull-left">
                <div class="caption item-description-dashboard">
                    <div class="actividad-desc-content">
                        <div class="logbook-item-description">Se hizo fan de</div>
                        <div class="logbook-item-description" >Il Gato</div>
                        <div class="logbook-item-description">8 Nov. 2011 12:32:44</div>
                    </div>
                </div>
                <div class="user-name">
                    <a href="#" class="user-name-link">Matias Munoz</a>
                </div>
            </div>
        </div>
        {% endfor %}
    </ul>
</div>
{% endblock central-content-dashboard %}

{% block right-content %}
<div class="well well-large side-bar-content">
    <div class="user-name-sidebar">Matias Muñoz</div>
    <div class="user-stars">
                <ul>
                    <li class="user-star"><img src="{{ STATIC_URL }}img/item-ratings.png" alt="Star" /></li>
                    <li class="user-star"><img src="{{ STATIC_URL }}img/item-ratings.png" alt="Star" /></li>
                    <li class="user-star"><img src="{{ STATIC_URL }}img/item-ratings.png" alt="Star" /></li>
                    <li class="user-star"><img src="{{ STATIC_URL }}img/item-ratings.png" alt="Star" /></li>
                    <li class="user-star"><img src="{{ STATIC_URL }}img/item-ratings.png" alt="Star" /></li>
                    <li class="user-star"><img src="{{ STATIC_URL }}img/item-ratings.png" alt="Star" /></li>
                </ul>
            </div>
    <div class="sidebar-stadistic">
        <a href="#">
            <div class="stadistic-fan sidebar-stadistic-item" title="Consultá de que items sos Fan">
                <div class="stadistic-num">5<!--{{ user.persona.items.count }}--></div>
                <div class="stadistic-nom">Fans<!--{% if user.persona.items.count > 1 %}s{% endif %}--></div>
            </div>
        </a>
        <a href="#">
            <div class="stadistic-recomendations sidebar-stadistic-item" title="Consultá cuantas recomendaciones hiciste y a quien">
                <div class="stadistic-num">5<!--{{ user.persona.following.count }}-->
                </div>
                <div class="stadistic-nom">
                                            Usuarios sigo
                <!--{% if user.persona.following.count > 1 %}
                        Usuarios sigo
                    {% else %}
                        Usuario sigo
                    {% endif %}-->
                </div>
            </div>
        </a>
        <a href="#">
            <div class="stadistic-comments sidebar-stadistic-item" title="Consultá los items que has comentado">
                <div class="stadistic-num">5<!--{{ user.followers.count }}--></div>
                <div class="stadistic-nom">Usuarios me siguen
                    <!--{% if user.followers.count > 1 %}
                        Usuarios me siguen
                    {% else %}
                        Usuario me sigue
                    {% endif %}-->
                </div>
            </div>
        </a>
    </div>
    <div class="sidebar-menu-indicators">
        <a href="#">
            <div class="menu-indicators" title="Revisá tus mensajes recibidos y enviados"><div class="mini-img-msg"></div>Mensajes
                <!--{% if mensajes_nolidas > 0 %}({{ mensajes_nolidas }}){% endif %}-->
            </div>
        </a>
        <a href="#">

            <div class="menu-indicators" title="Revisá los eventos que creaste y a los cuales estas invitado"><div class="mini-img-event"></div>Eventos
                <!--{% if eventos_nolidas > 0 %}({{ eventos_nolidas }}){% endif %}-->
            </div>
        </a>
        <a href="#">
            <div class="menu-indicators" title="Revisá cuales son tus notificaciones de parte de tus productos favoritas"><div class="mini-img-notify"></div>Notificaciones
                <!--{% if notificaciones_nolidas > 0 %}({{ notificaciones_nolidas }}){% endif %}-->
            </div>
        </a>
        <a href="#">
            <div class="menu-indicators" title="Revisá las recomendaciones que te hicieron los usuarios que seguís"><div class="mini-img-recom"></div>Recomendaciones
                <!--{% if recomendaciones_noleidas > 0 %}({{ recomendaciones_noleidas }}){% endif %}-->
            </div>
        </a>
    </div>
    <a href="/core/item/crear/" class="btn btn-danger" id="crear_item" style="margin-left: 40px;">Crear Producto</a>
</div>
{% endblock right-content %}
